<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*æ‰‹æœºç«¯æ&nbsp;·å¼å¼€å§‹*/
html,body { font-size: 12px; }

/*ç»Ÿä¸€headerå¼€å§‹*/

#note_box { background-color: var(--base_color); height: 2.5rem; font-size: .875rem /* 14/16 */; position: relative; z-index: 2; }
#note_box, #note_box a { color: #ffffff; }
#note_box a:hover { color: #f60; }

#note_box .tel_num { font-size: 1.125rem /* 18/16 */; font-weight: bold;  font-family: Arial;}

#name_box_w { width: 100%; height: 5.0rem; transition: all 0.5s; }

#name_box_w .container-fluid { height: 100%; }
#name_box_w #header_logo img { transition: all 0.5s; max-height: 3.0rem;}
/*ä¸»å¯¼èˆª*/

.navI&gt;li { line-height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }

.navI&gt;li&gt;a { width: 100%; height: 100%; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding: 0 0.3125rem; line-height: 100%; font-size: 1.0625rem /* 17/16 */; color: #333333; }
.navI&gt;li&gt;a p { position: relative; z-index: 2; }
.navI&gt;li&gt;a:after { z-index: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; width: 100%; height: 0; content: ''; transition: all .5s ease; }
.navI&gt;li:hover&gt;a:after, .navI&gt;li.active&gt;a:after { background-color: var(--base_color); height: 100%; }
.navI&gt;li:hover&gt;a,.navI&gt;li.active p{ color: #FFFFFF; }
.navI&gt;li .children { width: 100%; position: absolute; z-index: 1; left: 0; top: 100%; height: 0; overflow: hidden; visibility: hidden; opacity: 0; transition: all .3s ease; }
.navI&gt;li:hover .children { visibility: visible; opacity: 1; height: auto; }

/*.navI li#nav_product .children { width: 31.5625rem; }*/
.navI li .children li a { padding: 0 0.3125rem; line-height: 3.6; font-size: 0.9375rem; text-align: center; background-color: #fcf9f9; color: #444444; transition:.3s all; }
.navI li .children li a:hover,.navI li .children li a.active { background: var(--base_color); color: #ffffff; }

/*ä¸»å¯¼èˆª*/

/*å¯¼èˆªå³ä¾§*/

/*å¯¼èˆªå³ä¾§*/
#name_box_w .container-fluid #m_nav { width: 3.1875rem; height: 100%; }

#banner_box, #page_banner_box { transition: all 0.5s; }

/*ä¸‹æ‹‰æ&nbsp;·å¼*/
/*ç»Ÿä¸€headerç»“æŸ*/


/*ç»Ÿä¸€å­é¡µé¢å¼€å§‹*/

/*992å¼€å§‹å·¦å³åˆ†æ&nbsp;ç›®å­é¡µé¢*/

/*ç»Ÿä¸€å­é¡µé¢LEFTå¼€å§‹*/

#page_left { width: 100%; }
#page_left .box_body { width: 100%; background: #0f6b5a; }
#page_left .box_header { margin-bottom: 1.25rem /* 20/16 */;}
#page_left .box_header .bar_title { font-size: 2rem /* 32/16 */; color: var(--gey1); }
#page_left .box_header .bar_desc { font-size: 1.0625rem /* 17/16 */; font-weight: bold; color: var(--grey3); } 

#page_left .navList { margin-bottom: 2.5rem /* 40/16 */; }
#page_left .navList li { margin-bottom: 1px; }
#page_left .navList li a { font-size: 1.125rem; border-bottom: 1px solid #11856e; height: 4.375rem /* 70/16 */; line-height: 4.375rem /* 70/16 */; color: #ffffff; padding: 0 1.25rem /* 20/16 */; }
#page_left .navList li a:hover,#page_left .navList li a.active { background-color: var(--second_color); color: #ffffff; }
#page_left .navList li a.active { border-bottom: 1px solid var(--second_color); }

#page_left .box_content { padding: 0 1.25rem /* 20/16 */; }

#page_left .box_content .box_link { margin-bottom: 1.25rem /* 20/16 */; }

/*ç»Ÿä¸€å­é¡µé¢LEFTç»“æŸ*/

/*ç»Ÿä¸€å­é¡µé¢RIGHTå¼€å§‹*/
#page_right { width: 100%; }

#page_right .box_header.main_box_header2 { background: url('../images/page_line.jpg') bottom center no-repeat; background-size: 100% auto; }


.line_bg { width: 100%; height: 0.0625rem; background: url('../images/line_bg.jpg') center repeat-x; }

.mainInfo { font-size: 1.0rem; line-height: 2; }
.video_box { width: 100%; height: 23.4375rem; }

/* å›¾ç‰‡åˆ—è¡¨ */
.pic_list a .cover {transition: all 0.3s; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; }
.pic_list a .cover .title { font-size: 1.25rem; color: #ffffff; position: relative; padding: 0.625rem 0; max-width: 80%;}
.pic_list a:hover .cover { opacity: 1; } 
.pic_list a .cover .title:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 0.0625rem; background: #fff; transition: all .5s ease;}
.pic_list a .cover .title:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 0.0625rem; background: #fff; transition: all .5s ease;}
.pic_list a:hover .cover .title:before, .pic_list a:hover .cover .title:after { width: 0.625rem; }

/*.pic_list img { max-width: 100%; max-height: 100%; }*/
.pic_list .box_link a.link1 { height: 2.5625rem; background-color: var(--base_color); color: #ffffff; border-radius: 0; }
.pic_list .box_link a.link2 { height: 2.5625rem; background-color: #c7c8d3; color: #ffffff; border-radius: 0; }
.pic_list .box_link a { flex-grow: 0; padding: 0 0.625rem; height: 3.25rem; overflow: hidden; font-size: 0.875rem; color: #ffffff; }
.pic_list .box_link a i { font-size: 1.125rem; margin-right: 0.3125rem; color: #ffffff; }
.pic_list .box_link a:hover { background-color: #000000; color: #ffffff; }
.pic_list .box_link a:hover i { color: #ffffff; }

.pic_list .box_link a.link1:hover { background-color: #ef9700; }
.pic_list .box_link a.link2:hover { background-color: #20223b; }
/* å›¾ç‰‡åˆ—è¡¨ */
/* æ–°é—»åˆ—è¡¨ */
.news_list li { margin-bottom: 0.75rem; }
.news_list li .img_box { width: 100%; }
.news_list li .cont_box { margin-top: 1.25rem; width: 100%; transition: all 0.3s; }
.news_list li .title { font-size: 1.25rem; line-height: 1.6; margin-bottom: 1.0rem; transition: all 0.3s; }
.news_list li .content { font-size: 1.0rem; color: var(--grey); margin-bottom: 1.0rem; line-height: 1.8; transition: all 0.3s; }
.news_list li .time { font-size: 1.0rem; color: var(--grey2); }
.news_list li a:hover .title { font-weight: bold; color: var(--base_color); }
/* æ–°é—»åˆ—è¡¨ */

/* äº§å“å±•ç¤º */
.goods_slider_type { margin: 0 auto; margin-bottom: 1.875rem /* 30/16 */; }

.goods_slider_type a { background-color: #ffffff; border: 1px solid #c8c8c8; color: var(--grey1); font-size: 1.125rem /* 18/16 */; }
.goods_slider_type a:hover,.goods_slider_type a.active { background-color: #0e8f3d; border: 1px solid #0e8f3d; color: #ffffff; }
/* äº§å“å±•ç¤º */


/*äº§å“è¯¦æƒ…*/

#proinfo #page_banner_box { display: none; }

#proinfo #box1 .pro_desc .title { font-size: 1.875rem /* 30/16 */; line-height: 1.6; margin-bottom: 0; color: var(--grey1); }
#proinfo #box1 .pro_desc .desc { color: var(--grey2); line-height: 2; }

#proinfo #box1 .param_more { margin-bottom: 2rem; color: var(--grey2);}
#proinfo #box1 .param_more li { line-height: 1.6; padding-top: 0.75rem; padding-bottom: 0.75rem; }

#proinfo #box1 .ysList { margin-bottom: 1.875rem /* 30/16 */; }
#proinfo #box1 .ysList li { font-size: 1.0625rem /* 17/16 */; font-weight: bold; color: #e87818; }

#proinfo #box1 .btns a { width: 11.25rem /* 180/16 */; height: 3.25rem /* 52/16 */; padding: 0 1rem; border-radius: 0; font-size: 1rem /* 16/16 */; }
#proinfo #box1 .btns a:last-child { background-color: var(--base_color); color: #ffffff; }
#proinfo #box1 .btns a:first-child { border: var(--base_color) 0.0625rem solid; color: var(--base_color); }
#proinfo #box1 .btns a:hover { background-color: var(--second_color); border: 0; color: #ffffff; }

/*äº§å“è¯¦æƒ…*/

/*å­é¡µé¢ç¿»é¡µæŒ‰é’®æŒ‰é’®*/
.de-page-mian .page-inner .prev, .de-page-mian .page-inner .next, .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn{display: none !important;}
/*å­é¡µé¢ç¿»é¡µæŒ‰é’®æŒ‰é’®*/

.contact-list li { border-bottom: 1px solid #efefef;}
.contact-list li .rounded-circle { margin-right: 1rem /* 16/16 */; }
/*ç»Ÿä¸€å­é¡µé¢RIGHTç»“æŸ*/

/*ç»Ÿä¸€å­é¡µé¢ç»“æŸ*/

/*ç»Ÿä¸€footerå¼€å§‹*/
#footer { background: var(--base_color); margin-bottom: 5rem; font-size: .9375rem /* 15/16 */; }

#footer #footer_main { padding-top: 2.0rem; padding-bottom: 1.0rem; }

#footer_main,#footer_main a { color: #ffffff; }
#footer_main a:hover { color: var(--second_color); }

#qrcodeList img { max-width: 7.375rem /* 118/16 */; }

#footer_copy .box { }

#footer_copy { color: #ffffff; }

#footer_copy a { color: #ffffff; }
#footer_copy a:hover { color: var(--second_color); }


/*ç»Ÿä¸€footerç»“æŸ*/

/*é¦–é¡µæ&nbsp;·å¼å¼€å§‹*/

/*é¦–é¡µswiperæŒ‰é’®ç»Ÿä¸€æ&nbsp;·å¼*/
.flash_all .swiper-pagination { bottom: 1.25rem !important; }
.flash_all .swiper-pagination .swiper-pagination-bullet { background-color: var(--base_color); outline: none; transition: all 0.3s; padding: 0; opacity: 1; margin: 0 0.3125rem; border-radius: 0; width: 0.75rem !important; height: 0.125rem !important;}
.flash_all .swiper-pagination-bullet-active { background-color: var(--base_color); outline: none; padding: 0 1.25rem !important; opacity: 1 !important;}
.flash_all .swiper-button-next, .flash_all .swiper-button-prev { border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); color: #ffffff !important;}

/*é¦–é¡µswiperæŒ‰é’®ç»Ÿä¸€æ&nbsp;·å¼*/

/*é¦–é¡µswiperå·¦å³æŒ‰é’®*/
.swiper-button-prev:after, .swiper-button-next:after{font-size: 1.25rem !important;}
/*é¦–é¡µswiperå·¦å³æŒ‰é’®*/

.box_header.main_box_header { margin-bottom: 2rem /* 32/16 */; }
.box_header.main_box_header .bar_title { font-size: 2rem /* 32/16 */; color: var(--grey1); line-height: 1.6; margin-bottom: .625rem /* 10/16 */; }
.box_header.main_box_header .bar_desc { font-size: 1rem /* 16/16 */;  color: var(--grey3); line-height: 1.6; }


.box_header.main_box_header2 { margin-bottom: 1.25rem /* 20/16 */; }
.box_header.main_box_header2 .bar_title { font-size: 1.25rem /* 20/16 */; line-height: 1.6; }
.box_header.main_box_header2 .bar_desc { font-size: 1.5rem /* 24/16 */; color: var(--grey1); line-height: 1.6; }

.box_header.main_box_header3 { margin-bottom: 1.25rem /* 20/16 */; }
.box_header.main_box_header3 .bar_title span { font-size: 1.25rem /* 20/16 */; }


.best_img .swiper-slide a { display: block; position: relative; }
.best_img .swiper-slide .title { z-index: 1; position: absolute; left: 0; top: auto; bottom: 0; width: 100%; height: 3.125rem; font-size: 1.125rem; background-color: rgba(30,25,25,0.9); color: #FFFFFF; padding: 0 1.25rem; }

.best_img .swiper-slide .title p { width: 80%; } 
.best_img .swiper-pagination { width: 20%; z-index: 2; height: 3.125rem; bottom: 0 !important; right: 0; padding: 1.25rem; }

.best_img .swiper-pagination-bullet { outline: none; margin: 0 0.125rem !important; width: 0.9375rem !important; height: 0.3125rem !important; background-color: #ffffff !important; border-radius: 0; opacity: 1 !important }
.best_img .swiper-pagination-bullet-active { background-color: var(--base_color) !important; }

.better_list li a .contbox .contbox_text {  }
.better_list li .title { color: var(--grey1); font-size: 1.125rem /* 18/16 */; }
.better_list li .content { color: var(--grey2); font-size: .9375rem /* 15/16 */; }
.better_list li .btns span { color: var(--grey1); font-size: .875rem /* 14/16 */; }

.better_list li .contbox .contbox_time { flex-shrink: 0; font-family: Arial; }
.better_list li .contbox .contbox_time .time_d { line-height: 1.6; font-size: 1.75rem /* 28/16 */; color: var(--grey1); font-weight: bold; }
.better_list li .contbox .contbox_time .time_y { line-height: 1.6; font-size: 1rem /* 16/16 */; color: var(--grey1); font-weight: bold; }

.better_list li a:hover .title { color: var(--base_color); }
.better_list li a:hover .content { color: var(--base_color); }
.better_list li a:hover .btns span { color: var(--base_color); }

.nomarl_list li { margin-bottom: .625rem /* 10/16 */; }
.nomarl_list li:last-child { margin-bottom: 0; }
.nomarl_list li a .contbox .contbox_text {  }
.nomarl_list li .title { color: var(--grey1); font-size: 1.5rem /* 24/16 */; }
.nomarl_list li .content { color: var(--grey2); font-size: .9375rem /* 15/16 */; }
.nomarl_list li .btns span { color: var(--grey1); font-size: .875rem /* 14/16 */; }

.nomarl_list li .contbox .contbox_time { flex-shrink: 0; font-family: Arial; }
.nomarl_list li .contbox .contbox_time .time_d { line-height: 1.6; font-size: 1.75rem /* 28/16 */; color: var(--grey1); font-weight: bold; }
.nomarl_list li .contbox .contbox_time .time_y { line-height: 1.6; font-size: 1rem /* 16/16 */; color: var(--grey1); font-weight: bold; }

.nomarl_list li a:hover .title { color: var(--base_color); }
.nomarl_list li a:hover .content { color: var(--base_color); }
.nomarl_list li a:hover .btns span { color: var(--base_color); }

.better_list_pic {  }
.better_list_pic li .img_box {  }

.better_list_pic li .cont_box { background-color: #fffbf4; padding: 1rem; }
.better_list_pic li .cont_box .title { font-size: 1rem; font-weight: bold; margin-bottom: 1.0rem; }
.better_list_pic li .cont_box .content { font-size: 1rem; color: var(--grey1); line-height: 1.75; }
.better_list_pic li .cont_box .more { transition: all 0.3s; width: 4.6875rem; height: 1.25rem; text-align: center; line-height: 1.25rem; font-size: 0.875rem; background-color: #f2f0f0; color: var(--grey1); }
.better_list_pic li a:hover .cont_box .more { background-color: var(--base_color); color: #ffffff; }

.better_pics { margin-bottom: 1.25rem; }
.better_pics li .title { width: 100%; height: 20%; min-height: 2.5rem; padding: 0 0.625rem; position: absolute; left: 0; top: auto; bottom: 0; z-index: 1; font-size: 1rem; color: #ffffff; font-weight: bold; }

.better_pics_a { margin-bottom: 1.25rem; }
.better_pics_a li .cont_box { width: 100%; min-height: 2.5rem; padding: 0 0.625rem; position: absolute; left: 0; top: auto; bottom: 0; z-index: 1; font-size: 1rem; color: #ffffff; }

.better_pics_a li .cont_box .title { font-size: 1.375rem; font-weight: bold; color: #ffffff; margin-bottom: 0.75rem; } 
.better_pics_a li .cont_box .content { font-size: 1.0rem; color: rgba(255, 255, 255, 0.8); } 

/*in_box_01*/
#in_box_01 { padding-top: 2.0rem; padding-bottom: 2.0rem; background: url('../images/in_box_1_bg.jpg') top center no-repeat; background-size: cover; }
#in_box_01 .bar_tags { margin-bottom: 1.25rem /* 20/16 */; }
#in_box_01 .bar_tags img { width: 22.0625rem /* 353/16 */; max-width: 75%; }
#in_box_01 .btns a { background-color: var(--base_color); color: #ffffff; width: 13.125rem /* 210/16 */; height: 3.375rem /* 54/16 */; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 1.875rem /* 30/16 */;}
#in_box_01 .btns a span { width: 1.25rem /* 20/16 */; height: 1.25rem /* 20/16 */; border-radius: 50%; border: 1px solid #ffffff; display: flex; justify-content: center; align-items: center; font-size: 1.0rem; }
#in_box_01 .btns a:hover span { color: #ffffff; }

.btns a span i { font-size: .875rem /* 14/16 */; line-height: 100%; }
/*in_box_01*/

/*in_box_02*/
#in_box_02 { padding-top: 2rem; padding-bottom: 0; background-color: var(--base_color); }
#in_box_02 .box_header.main_box_header .bar_title a { color: #ffffff;}
#in_box_02 .box_header.main_box_header .bar_desc { color: #ffffff;}
#in_box_02 .box_body { font-size: 1.0rem; line-height: 1.6; color: var(--grey1); }

.pro_gd a .title { background-color: #efefef; color: var(--grey1); }
.pro_gd a:hover .title { background-color: #076755; color: #ffffff; }

.pro_gd a .desc { display: none; width: 100%; background-color: rgba(76, 161, 44, 0.87); color: #ffffff; position: absolute; bottom: 0; left: 0; z-index: 1; text-align: center; }

.pro_gd a:hover .desc { display: block; }
#in_box_02 .btns { text-align: center;}
#in_box_02 .btns a { background-color: #1c9c83; color: #ffffff; width: 13.125rem /* 210/16 */; height: 3.375rem /* 54/16 */; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 1.875rem /* 30/16 */;}
#in_box_02 .btns a span { width: 1.25rem /* 20/16 */; height: 1.25rem /* 20/16 */; border-radius: 50%; border: 1px solid #ffffff; display: flex; justify-content: center; align-items: center; font-size: 1.0rem; }
#in_box_02 .btns a:hover span { color: #ffffff; }
/*in_box_02*/

/*in_box_03*/
#in_box_03 { padding-top: 2.0rem; padding-bottom: 2.0rem; background: url('../images/in_box_3_bg.jpg') top center no-repeat; background-size: cover; }

#in_box_03 .box_header.main_box_header .bar_title { font-size: 1.25rem /* 20/16 */; }
#in_box_03 .num { color: #e63917; font-family: Arial; font-size: 2.25rem /* 36/16 */; }

#in_box_03 .ysList .contbox { border: 2px solid var(--base_color); padding: .9375rem /* 15/16 */ .625rem /* 10/16 */; transition: all 0.3s;}
#in_box_03 .ysList .contbox .title { margin-bottom: 1rem /* 16/16 */; font-size: 1.5rem /* 24/16 */; color: var(--base_color); }
#in_box_03 .ysList .contbox .line { height: 1px; border-color: rgba(0,0,0,0.3); }
#in_box_03 .ysList .contbox .content { margin-top: 1rem /* 16/16 */; }
#in_box_03 .ysList li:nth-child(1) .contbox,#in_box_03 .ysList li:nth-child(4) .contbox { background-color: var(--base_color); color: #ffffff; }
#in_box_03 .ysList li:nth-child(1) .contbox .line,#in_box_03 .ysList li:nth-child(4) .contbox .line { border-color: rgba(255,255,255,0.5); }
#in_box_03 .ysList li:nth-child(1) .contbox .title,#in_box_03 .ysList li:nth-child(4) .contbox .title { color: #ffffff; }


/*in_box_03*/

/* in_box_04 */
#in_box_04 { padding-top: 2rem /* 32/16 */; padding-bottom: 2rem /* 32/16 */; }
#in_message { min-height: 15.125rem; padding: 1.875rem 0; background: url('../images/in_box_4_bg.jpg') no-repeat center; background-size: cover; }
#in_message .title { font-size: 1.5rem; color: #ffffff; text-align: center; margin-bottom: 1.25rem; }

#in_message .content { text-align: center;}
#in_message .content .content_title { font-size: 1.0625rem /* 17/16 */; color: #ffffff; margin-top: 1.25rem /* 20/16 */; margin-bottom: 1rem /* 16/16 */; line-height: 1.6; }
#in_message .content .content_desc { font-size: 1.25rem /* 20/16 */; color: #e9f604;}
#in_message .content .content_desc i { font-size: 1.25rem /* 20/16 */; }
#in_message .row { margin: 0 -0.25rem; }
#in_message .row&gt;* { padding: 0 0.25rem; }

#in_formData input { font-size: 1.0625rem; color: #8d8d8d; }
#in_formData a { font-size: 1.125rem; }
#in_formData input, #in_formData a { height: 3.75rem /* 60/16 */; }
#in_formData img { height: 1.75rem; cursor: pointer; margin-right: 0.3125rem; }
/* in_box_04 */

/*in_box_05*/
#in_box_05 { padding-top: 2rem; padding-bottom: 2rem; }

#in_box_05 .btns { text-align: center;}
#in_box_05 .btns a { background-color: var(--base_color); color: #ffffff; width: 13.125rem /* 210/16 */; height: 3.375rem /* 54/16 */; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 1.875rem /* 30/16 */;}
#in_box_05 .btns a span { width: 1.25rem /* 20/16 */; height: 1.25rem /* 20/16 */; border-radius: 50%; border: 1px solid #ffffff; display: flex; justify-content: center; align-items: center; font-size: 1.0rem; }
#in_box_05 .btns a:hover span { color: #ffffff; }
/*in_box_05*/

/*é¦–é¡µæ&nbsp;·å¼ç»“æŸ*/

/*å…¬å…±æ&nbsp;·å¼*/

.page_title { margin-bottom: 1.875rem /* 30/16 */; }
.page_title .title { font-size: 1.5rem /* 24/16 */; color: var(--grey1); }
.page_title .desc { font-size: 1rem /* 16/16 */; color: var(--grey3); }

#box1 { padding-top: 2rem; padding-bottom: 2rem; }
#box2 { padding-top: 2rem; padding-bottom: 2rem; }
#box3 { padding-top: 2rem; padding-bottom: 2rem; }
/*å…¬å…±æ&nbsp;·å¼*/

/*å…³äºŽæˆ‘ä»¬æ&nbsp;·å¼*/
#about #qywh { background: url('../images/qywh_bg.jpg') center no-repeat; background-size: cover; height: 20rem /* 320/16 */; padding-top: 1.875rem /* 30/16 */; padding-bottom: 1.875rem /* 30/16 */; }

#qywh .bar_title { font-size: 2rem /* 32/16 */; margin-bottom: 2.5rem /* 40/16 */; font-weight: bold; }
#qywh .bar_desc { font-size: .875rem /* 14/16 */; line-height: 2; }

#message_box .main_box { }
 
/*å…³äºŽæˆ‘ä»¬æ&nbsp;·å¼*/

.defaultHeight { min-height: 10rem; }

#about #in_box_3 { padding-top: 2rem; padding-bottom: 2rem; }
#info #in_box_3 { padding-top: 2rem; padding-bottom: 2rem; }

#info .mainInfo.logo_bg { background: url('../images/logo_bg.png') center no-repeat; }

/*å•é¡µæ&nbsp;·å¼*/
#single .tags { color: var(--grey1); font-size: 1.125rem; margin-bottom: 2rem; line-height: 1.6; font-weight: bold; }
/*å•é¡µæ&nbsp;·å¼*/

/*æ–°é—»èµ„è®¯*/
/*æ–°é—»èµ„è®¯*/

/* äº§å“å±•ç¤º */
#product .box_header.main_box_header .bar_title { font-size: 1.125rem /* 18/16 */; }
/* äº§å“å±•ç¤º */

/* äº§å“è¯¦æƒ… */
#box2 .ysList .contbox { border: 2px solid var(--base_color); padding: .9375rem /* 15/16 */ .625rem /* 10/16 */; transition: all 0.3s;}
#box2 .ysList .contbox .title { margin-bottom: 1rem /* 16/16 */; font-size: 1.5rem /* 24/16 */; color: var(--base_color); }
#box2 .ysList .contbox .line { height: 1px; border-color: rgba(0,0,0,0.3); }
#box2 .ysList .contbox .content { margin-top: 1rem /* 16/16 */; }
#box2 .ysList li:nth-child(1) .contbox,#box2 .ysList li:nth-child(4) .contbox { background-color: var(--base_color); color: #ffffff; }
#box2 .ysList li:nth-child(1) .contbox .line,#box2 .ysList li:nth-child(4) .contbox .line { border-color: rgba(255,255,255,0.5); }
#box2 .ysList li:nth-child(1) .contbox .title,#box2 .ysList li:nth-child(4) .contbox .title { color: #ffffff; }
/* äº§å“è¯¦æƒ… */

#info .mainInfo h2,#proinfo .mainInfo h2 { font-size:1.125rem; font-weight:bold; margin: 1.25rem 0; }

/*è”ç³»æˆ‘ä»¬æ&nbsp;·å¼*/

.contact_message li .ibox { background-color: #f3f3f3; color: #929292; }
.contact_message li .lable { width: 3.5rem; flex-shrink: 1; }
.contact_message li .ibox input { background-color: transparent; width: 100%; font-size: 0.875rem; }
.contact_message li .ibox textarea { background-color: transparent; width: 100%; height: 6.25rem; font-size: 0.875rem; }
/*è”ç³»æˆ‘ä»¬æ&nbsp;·å¼*/

/*æ‰‹æœºç«¯æ&nbsp;·å¼*/
@media (min-width: 375px){
	html,body { font-size: 14px; }
}
/*æ‰‹æœºç«¯æ&nbsp;·å¼*/

/*å¤§æ‰‹æœºç«¯æ&nbsp;·å¼*/
@media (min-width: 414px){
	html,body { font-size: 14px; }
}
/*å¤§æ‰‹æœºç«¯æ&nbsp;·å¼*/

/*å¤§å±æ‰‹æœºæ&nbsp;·å¼*/
@media (min-width: 576px){
	html,body { font-size: 14px; }

}
/*å¤§å±æ‰‹æœºæ&nbsp;·å¼*/

/*PADæ•ˆæžœ*/
@media (min-width: 768px){
	html,body { font-size: 14px; }

	#header_links img { width: 1.25rem; }

	/*é¦–é¡µæ&nbsp;·å¼å¼€å§‹*/
	
	.box_header.main_box_header { margin-bottom: 1.875rem /* 30/16 */; }

	#in_box_01 { padding-top: 2.5rem; padding-bottom: 2.5rem; }

	#in_box_02 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	#in_box_03 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	#in_box_03 .box_header.main_box_header .bar_title { font-size: 1.5rem /* 24/16 */; }

	#in_box_04 { padding-top: 2.5rem /* 40/16 */; padding-bottom: 2.5rem /* 40/16 */; }
	#in_message .content .content_desc { font-size: 1.375rem /* 22/16 */;}

	#in_box_05 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	/*é¦–é¡µæ&nbsp;·å¼ç»“æŸ*/

	/*ç»Ÿä¸€å­é¡µé¢å¼€å§‹*/
	.pro_show { width: 100%; }
	/*ç»Ÿä¸€å­é¡µé¢ç»“æŸ*/
	
	.news_list { margin-bottom: 1.875rem; }
	.news_list li .img_box { max-width: 28%; }
	.news_list li .cont_box { margin-top: 0; margin-left: 1rem; max-width: calc(72% - 1rem); }

	#product .box_header.main_box_header .bar_title { font-size: 1.5rem /* 24/16 */; }

	#footer #footer_main { padding-top: 2.0rem; padding-bottom: 1.0rem; }
}
/*PADæ•ˆæžœ*/

/*IPADæ•ˆæžœ*/
@media (min-width: 992px){

	html,body { font-size: 14px; }
	.w-lg-auto { width: auto !important; }
	.w-lg-50 { width: 50% !important; }
	.w-lg-75 { width: 75% !important; }
	.w-lg-100 { width: 100% !important; }
	.position-lg-absolute { position: absolute !important; }

	.clamp-lg-1 { -webkit-line-clamp: 1; }
	.clamp-lg-2 { -webkit-line-clamp: 2; }
	.clamp-lg-3 { -webkit-line-clamp: 3; }
	.clamp-lg-4 { -webkit-line-clamp: 4; }
	.clamp-lg-5 { -webkit-line-clamp: 5; }
	.clamp-lg-6 { -webkit-line-clamp: 6; }
	.clamp-lg-7 { -webkit-line-clamp: 7; }
	.clamp-lg-8 { -webkit-line-clamp: 8; }

	.mImg { max-width: 62.5rem /* 1000/16 */; }

	.nomarl_list li { margin-bottom: .625rem /* 10/16 */; }
	.nomarl_list li:last-child { margin-bottom: 0; }

	/*ç»Ÿä¸€headerå¼€å§‹*/

	/*ç»Ÿä¸€headerç»“æŸ*/

	/*é¦–é¡µæ&nbsp;·å¼å¼€å§‹*/
	#name_box_w #header_nav { margin-left: 3.75rem /* 60/16 */;  }

	#in_box_01 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
	
	#in_box_02 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
	#about #in_box_02 { padding-bottom: 3.5rem; }

	#in_box_03 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
	#in_box_03 .box_header.main_box_header .bar_title { font-size: 2rem /* 32/16 */; }

	#in_box_04 { padding-top: 2.5rem /* 40/16 */; padding-bottom: 2.5rem /* 40/16 */; }
	#in_box_05 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
	
	/*é¦–é¡µæ&nbsp;·å¼ç»“æŸ*/

	.news_list li a {  }

	/*ç»Ÿä¸€å­é¡µé¢å¼€å§‹*/
	#page_left { width: 30%; }
	#page_right { width: 68%; margin-left: 2%; }
	#proinfo #page_right { width: 68%; margin-left: 0; margin-right: 2%; }

	#page_left .box_header { margin-bottom: 1.875rem /* 30/16 */; }
	#page_left .box_header .bar_title { font-size: 1.75rem /* 28/16 */; color: var(--gey1); }
	#page_left .box_header .bar_desc { font-size: 1.0625rem /* 17/16 */; color: var(--grey3); }

	/*ç»Ÿä¸€å­é¡µé¢ç»“æŸ*/

	#product .box_header.main_box_header .bar_title { font-size: 2rem /* 32/16 */; }
	#proinfo .box_link&gt;div:first-child { width: 12.5rem /* 200/16 */; }

	/*ç»Ÿä¸€footerå¼€å§‹*/
	#footer { margin-bottom: 0; }
	#footer #footer_main { padding-top: 2.0rem; padding-bottom: 1.0rem;}

	.navP { padding: 2.25rem /* 36/16 */ 0; border-bottom:  1px solid #37a18d; }
	.navP { color: #ffffff; }
	.navP a { font-size: 1rem /* 16/16 */; color: #ffffff; }

	#e1 { width: 25%; }
	#e3 { width: 42%; padding-left: 4%; padding-right: 4%; border-left: 1px solid #37a18d; }
	#e4 { width: 25%; }
	/*ç»Ÿä¸€footerç»“æŸ*/

}
/*IPADæ•ˆæžœ*/

/*PCæ•ˆæžœ*/
@media (min-width: 1200px){

	html,body { font-size: 15px; }

	.w-xl-auto { width: auto !important; }

	.clamp-xl-1 { -webkit-line-clamp: 1; }
	.clamp-xl-2 { -webkit-line-clamp: 2; }
	.clamp-xl-3 { -webkit-line-clamp: 3; }
	.clamp-xl-4 { -webkit-line-clamp: 4; }
	.clamp-xl-5 { -webkit-line-clamp: 5; }
	.clamp-xl-6 { -webkit-line-clamp: 6; }
	.clamp-xl-7 { -webkit-line-clamp: 7; }
	.clamp-xl-8 { -webkit-line-clamp: 8; }

	.nomarl_list li { margin-bottom: .625rem /* 10/16 */; }
	.nomarl_list li:last-child { margin-bottom: 0; }

	/*ç»Ÿä¸€headerå¼€å§‹*/
	#name_box_w #header_logo { }

	.navI&gt;li&gt;a { font-size: 1.125rem; }
	/*ç»Ÿä¸€headerç»“æŸ*/

	/*é¦–é¡µæ&nbsp;·å¼å¼€å§‹*/

	.box_header.main_box_header { margin-bottom: 3.0rem; }

	.box_header.main_box_header .bar_title { font-size: 2.25rem /* 36/16 */; }
	.box_header.main_box_header .bar_desc { font-size: 1.0625rem /* 17/16 */; }

	.box_header.main_box_header2 { margin-bottom: 3.0rem;  }
	.box_header.main_box_header2 .bar_title { font-size: 1.375rem /* 22/16 */; }
	.box_header.main_box_header2 .bar_desc { font-size: 1.875rem /* 30/16 */; }

	.box_header.main_box_header3  { margin-bottom: 3.0rem; }
	.box_header.main_box_header3 .bar_title span { font-size: 1.875rem /* 30/16 */; }

	.best_list li .title { font-size: 1.875rem;}
	.better_list li .title { font-size: 1.5rem /* 24/16 */;}
	.better_list_pic li .cont_box .title { font-size: 1.0rem; }
	.better_pics_a li .cont_box .title { font-size: 1.625rem; }

	#in_box_01 { padding-top: 2.0rem; padding-bottom: 2.0rem; }
	#in_box_01 .bar_tags { margin-bottom: 1.875rem /* 30/16 */; }

	#in_box_02 { padding-top: 2.0rem; padding-bottom: 2.0rem; }
	
	#in_box_03 .ysList .contbox { padding: 1.875rem /* 30/16 */ 1.25rem /* 20/16 */;}
	#in_box_03 .ysList .contbox .title { margin-bottom: 1.625rem /* 26/16 */; font-size: 1.75rem /* 28/16 */; }
	#in_box_03 .ysList .contbox .content { margin-top: 1.25rem /* 20/16 */; }

	#in_box_04 { padding-top: 2rem /* 32/16 */; padding-bottom: 2rem /* 32/16 */; }
	#in_box_05 { padding-top: 2rem /* 32/16 */; padding-bottom: 2rem /* 32/16 */; }
	/*é¦–é¡µæ&nbsp;·å¼ç»“æŸ*/

	/*å…¬å…±æ&nbsp;·å¼*/
	.page-a { font-size: 0.875rem; }

	.page_title .title { font-size: 2.25rem /* 36/16 */; }
	.page_title .desc { font-size: 1.375rem /* 22/16 */; }

	.mainInfo { font-size: 1.0rem; line-height: 2; }

	
	#page_left .navList li a { height: 5.5rem /* 88/16 */; line-height: 5.5rem /* 88/16 */; }

	/*å…¬å…±æ&nbsp;·å¼*/

	/*å…³äºŽæˆ‘ä»¬æ&nbsp;·å¼*/

	/*å…³äºŽæˆ‘ä»¬æ&nbsp;·å¼*/

	/*å•é¡µæ&nbsp;·å¼*/

	/*å•é¡µæ&nbsp;·å¼*/

	/*è”ç³»æˆ‘ä»¬*/

	/*è”ç³»æˆ‘ä»¬*/

	/*äº§å“ä¸­å¿ƒ*/

	/*äº§å“ä¸­å¿ƒ*/

	/* äº§å“è¯¦æƒ… */
		
	#box2 .ysList .contbox { padding: 1.875rem /* 30/16 */ 1.25rem /* 20/16 */;}
	#box2 .ysList .contbox .title { margin-bottom: 1.625rem /* 26/16 */; font-size: 1.75rem /* 28/16 */; }
	#box2 .ysList .contbox .content { margin-top: 1.25rem /* 20/16 */; }
	/* äº§å“è¯¦æƒ… */

	/*ç»Ÿä¸€footerå¼€å§‹*/
	#footer #footer_main { padding-top: 3.0rem; padding-bottom: 1.0rem; }
	
	#e1 { width: 12.5%; }
	#e2 { width: 20%; padding-left: 2%; padding-right: 2%; }
	#e3 { width: 35%; padding-left: 6%; padding-right: 6%; }
	#e3 .tel_num { font-size: 2rem /* 32/16 */; font-weight: bold; }
	#e4 { width: 16.5%; }

	/*ç»Ÿä¸€footerç»“æŸ*/
}
/*PCæ•ˆæžœ*/

/*1280æ•ˆæžœ/1920 150% æ•ˆæžœ*/
@media (min-width: 1280px){
	

}
/*1280æ•ˆæžœ/1920 150% æ•ˆæžœ*/

/*1400æ•ˆæžœ*/
@media (min-width: 1400px){

	html,body { font-size: 16px; }

	#name_box_w { height: 6.25rem; }
	#name_box_w #header_logo { }
	
	#name_box_w #header_logo img { max-height: 4rem /* 64/16 */; }

	.de-page-mian .page-inner a { width: 2rem; height: 2rem; line-height: 2rem; margin: 0.3125rem; }
	#page_left { width: 20.65%; }
	#page_right { width: 77%; margin-left: 2%; }
	#proinfo #page_right { width: 77%; margin-left: 0; margin-right: 2%; }
}
/*1400æ•ˆæžœ*/

/*1440æ•ˆæžœ*/
@media (min-width: 1440px){
	html,body { font-size: 16px; }
	
	#name_box_w { height: 6.5rem /* 104/16 */; }
}
/*1440æ•ˆæžœ*/


/*1536æ•ˆæžœ/1920 125% æ•ˆæžœ*/
@media (min-width: 1536px){
	html,body { font-size: 16px; }
	.container {
		max-width: 1424px;
	}
	#name_box_w { height: 6.5rem /* 104/16 */; }
	#name_box_w #header_nav { margin-left: 9rem /* 144/16 */; }
	#name_box_w #header_logo #slogan { font-size: 1.125rem; }
	#banner_box, #page_banner_box { }
	.banner_s { width: 1920px; position: relative; left: 50%; transform: translateX(-50%); }

	/*é¦–é¡µæ&nbsp;·å¼å¼€å§‹*/

	/*in_box_01*/
	#in_box_01 { height: 38.5625rem /* 617/16 */; padding-top: 4rem /* 64/16 */; padding-bottom: 4rem /* 64/16 */; }
	#about #in_box_01 { padding-top: 4rem /* 64/16 */; padding-bottom: 4rem /* 64/16 */; }
	#in_box_01 .bar_tags { margin-bottom: 2.5rem /* 40/16 */; }
	/*in_box_01*/


	/*in_box_02*/
	#in_box_02 { padding-top: 3.75rem /* 60/16 */; padding-bottom: 3.25rem /* 52/16 */; }

	#about #in_box_02 { padding-bottom: 3.75rem /* 60/16 */; }
	#in_box_02 .box_header { margin-bottom: 3rem /* 48/16 */; }
	#in_box_02 .img_box { width: 45.5%; }
	#in_box_02 .cont_box { width: 54.5%; }
	/*in_box_02*/

	/*in_box_03*/
	#in_box_03 { height: 55.4375rem /* 887/16 */; padding-top: 5rem /* 80/16 */; padding-bottom: 5.625rem /* 90/16 */; }
	
	#in_box_03 .num {font-size: 3.125rem /* 50/16 */; }

	#in_box_03 .ysList .contbox { padding: 2.5rem /* 40/16 */ 3.125rem /* 50/16 */;}
	/*in_box_03*/
	
	/*in_box_04 */
	#in_box_04 { padding-top: 2.5rem /* 40/16 */; padding-bottom: 2.5rem /* 40/16 */; }
	/*in_box_04 */

	/*in_box_05*/
	#in_box_05 { height: 50.375rem /* 806/16 */; padding-top: 2.625rem /* 42/16 */; padding-bottom: 4rem /* 64/16 */; }
	/*in_box_05*/

	
	/*é¦–é¡µæ&nbsp;·å¼ç»“æŸ*/

	#box1 { padding-top: 2rem; padding-bottom: 2rem; }
	#box2 { padding-top: 2rem; padding-bottom: 2rem; }
	#box3 { padding-top: 2rem; padding-bottom: 2rem; }

	.defaultHeight { min-height: 28.3rem; }

	#about #qywh { height: 30.875rem /* 494/16 */; padding-top: 1.875rem /* 30/16 */; padding-bottom: 1.875rem /* 30/16 */; }
	
	#message_box .main_box { }

	.news_list li { margin-bottom: 1.25rem; }
	.jscx_list li .cont_box { padding: 2rem; }
	.jscx_list li .title { font-size: 1.875rem; margin-bottom: 1.25rem; }
	
	/*#product*/
	
	.goods_slider_type { max-width: 100%; }

	.pro_li_big .box .b_footer { padding: 2.5rem 2.5rem; }
	.pro_li_big .box .b_footer .title { font-size: 1.75rem; font-weight: bold; margin-bottom: 0.75rem; }
	.pro_li_big .box .b_footer .desc { font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,0.6); }
	.pro_li a .title div { padding: 0 1.25rem; }
	/*#product*/

	/* äº§å“è¯¦æƒ… */
	#box2 .ysList .contbox { padding: 2.5rem /* 40/16 */ 3.125rem /* 50/16 */;}
	/* äº§å“è¯¦æƒ… */

	/*contact*/
	.contact-list li { padding-bottom: .625rem /* 10/16 */; }
	.contact-list li .rounded-circle { background-color: var(--base_color); color: #ffffff; width: 2.5rem; height: 2.5rem; flex-shrink: 0; font-size: 1.0625rem; display: flex; justify-content: center; align-items: center; margin-right: 1.25rem; }
	.contact-list li big {  font-size: 1.125rem /* 18/16 */; }
	.contact-list li .rounded-circle i { font-size: 1.125rem; }
	.contact_message li .ibox input { font-size: 1.0rem; }
	.contact_message li .ibox textarea { font-size: 1.0rem; }
	/*contact*/


	/*ç»Ÿä¸€å­é¡µé¢å¼€å§‹*/
	#page_left { width: 18.75rem /* 300/16 */; }
	#page_right { width: calc(100% - 2% - 18.75rem); margin-left: 2%; }
	#proinfo #page_right { width: calc(100% - 2% - 18.75rem); margin-left: 0; margin-right: 2%; }
	
	/*ç»Ÿä¸€å­é¡µé¢ç»“æŸ*/

	/*ç»Ÿä¸€footerå¼€å§‹*/
	#footer { height: 24.375rem /* 390/16 */; }
	#footer #footer_main { padding-top: 2.5rem /* 40/16 */; padding-bottom: 1rem /* 16/16 */; }

	/*ç»Ÿä¸€footerç»“æŸ*/

}
/*1536æ•ˆæžœ/1920 125% æ•ˆæžœ*/


/*1800æ•ˆæžœ*/
@media (min-width: 1800px){
	#name_box_w .container-fluid { max-width: 107.75rem /* 1724/16 */; }
	
	#in_box_05 .box_body { padding: 0 3.125rem /* 50/16 */; }
}
/*1800æ•ˆæžœ*/

/*1920æ•ˆæžœ*/
@media (min-width: 1920px){
}
/*1920æ•ˆæžœ*/

/*-------------------------</pre></body></html>